﻿<div class="container w-xxl w-auto-xs page-signup">
    <div class="signup-container">
        <div class="signup-header">
            <img src="WFRes/_Content/Login/images/LOGO_W.png">
        </div>
        <form name="form">
            <div class="signup-form">
                <div class="signup-text">
                    <span>{{LanJson.ApplicationName}}</span>
                </div>
                <div class="form-group w-icon">
                    <input name="txtUser"
                           type="text"
                           id="txtUser"
                           autofocus
                           class="form-control input-lg" size="20"
                           oninput="setCustomValidity('')"
                           placeholder="{{LanJson.Code}}"
                           ng-model="userCode"
                           ng-change="removeValid()"
                           ng-keypress="($event.which===13)?loginIn():''"
                           required
                           >
                    <span class="fa fa-user signup-form-icon"></span>
                </div>
                <div class="form-group w-icon" style="margin-top:15px;">
                    <input name="txtPassword"
                           type="password"
                           id="txtPassword"
                           oninput="setCustomValidity('')"
                           class="form-control input-lg"
                           size="20"
                           placeholder="{{LanJson.Password}}"
                           ng-model="userPassword"
                           required
                           ng-keypress="($event.which===13)?loginIn():''">
                    <span class="fa fa-lock signup-form-icon"></span>
                </div>
                <div ng-if="validCode" style="line-height: 40px;margin-top: 15px;">{{LanJson.ValidCode}}<input id="codevalidate" type="text" style="width: 50%;height:33px;display: inline" class="form-control">
                    <img  ng-src="{{validCodeImg}}" width="90" height="30" style="margin-left: 10px" ng-click="changeUrl()">
                </div>
                <!--错误信息-->
                <div ng-if="loginFail" style="text-align: center;color:#ff0000; margin-top: 15px;">
                    <span>{{errorText}}</span>
                </div>
                <!--<div ng-if="!LoginSuccess" style="text-align: center;color:#ff0000; margin-top: 15px;">-->
                    <!--<span translate="LoginController.NotInvalid">用户名密码错误</span>-->
                <!--</div>-->
                <!--<div ng-if="!InvalidCodeError" style="text-align: center;color:#ff0000; margin-top: 15px;">-->
                    <!--<span>验证码错误</span>-->
                <!--</div>-->
                <!--<div ng-if="!inputInvalidCode" style="text-align: center;color:#ff0000; margin-top: 15px;">-->
                    <!--<span>请输入验证码</span>-->
                <!--</div>-->
                <!--<div ng-if="!ConnectionFailed" style="text-align: center;color:#ff0000; margin-top: 15px;">-->
                    <!--<span>引擎连接失败</span>-->
                <!--</div>-->
                <!--<div ng-if="!EnginePasswordValid" style="text-align: center;color:#ff0000; margin-top: 15px;">-->
                    <!--<span>引擎连接失败,密码错误</span>-->
                <!--</div>-->
                 <!--add by luwei@Future 2018.8.10-->
                <!--<div ng-if="!LoginFailTimesExceed" style="text-align: center;color:#ff0000; margin-top: 15px;">-->
                    <!--<span>登录失败次数超过限制，请24小时后再试</span>-->
                <!--</div>-->
                <!-- ng-disabled="form.$invalid" -->
                <div class="form-actions">
                    <button type="submit"
                            ng-disabled="loginDisabled"
                            class="btn btn-lg btn-info btn-block"
                            style="background-color: #A5382A"
                            ng-click="loginIn()">
                        <span translate="LoginController.Login">登录</span>
                    </button>
                </div>
            </div>
        </form>
    </div>
</div>